---
title: Svelte
description: Ultracite向けのSvelte固有の構成。
---

Svelte構成にはSvelte固有の設定が含まれています。これは最小限のプリセットで、Biomeはまだ専用のSvelte向けリンティングルールを持っていませんが、`.svelte`ファイルでの誤検出を防ぐための重要なオーバーライドが含まれています。

## インストール

Svelte構成を `biome.jsonc` に追加します:

```jsonc title="biome.jsonc"
{
  "extends": ["ultracite/core", "ultracite/svelte"]
}
```

## 概要

この構成は次を行います:

- **HTML サポート**: スクリプトとスタイルのインデントを含む実験的な完全なHTMLサポートを有効にします
- **React固有のプロップ**: Svelteは標準のHTML属性（`class`や`for`）を使用するため、`className`や`htmlFor`のようなReact固有のプロップをフラグ付けします
- **Svelteファイルのオーバーライド**: Svelteのコンポーネント構造を扱うために、`.svelte`ファイルに対して緩和されたルールを適用します

## HTML フォーマッタ設定

Svelteプリセットは、埋め込みスクリプトとスタイルの特別なフォーマットを伴う実験的なHTMLサポートを有効にします:

```jsonc
{
  "html": {
    "experimentalFullSupportEnabled": true,
    "formatter": {
      "indentScriptAndStyle": true
    }
  }
}
```

この構成:
- **実験的な完全サポート**: `.svelte`ファイルに対するBiomeの実験的なHTML解析とフォーマット機能を有効にします
- **スクリプトとスタイルのインデント**: Svelteコンポーネント内の`<script>`および`<style>`タグ内のコードを適切にインデントします

## Svelte特有のルール

### 疑わしい

| ルール | 設定 | 説明 |
|------|---------|-------------|
| `noReactSpecificProps` | `error` | Svelte内で`className`や`htmlFor`のようなReact固有のプロップを禁止します。代わりに`class`と`for`を使用してください。 |

## Svelteファイルのオーバーライド

BiomeのSvelteコンポーネントに対する部分的なサポートのために、誤検出を防ぐために以下のルールが`.svelte`ファイルでは無効化されています:

### 正確性

| ルール | 設定 | 説明 |
|------|---------|-------------|
| `noUnusedVariables` | `off` | `.svelte`ファイルで未使用の変数を許容します。スクリプトセクションの変数はテンプレート内でのみ使用される場合があります。 |
| `noUnusedImports` | `off` | `.svelte`ファイルで未使用のインポートを許容します。インポートはテンプレートセクションでのみ使用される場合があります。 |

### スタイル

| ルール | 設定 | 説明 |
|------|---------|-------------|
| `useConst` | `off` | リアクティブステートメントのために、`.svelte`ファイルで`let`および`var`の宣言を許可します。 |
| `useImportType` | `off` | Svelteのビルドシステムとの互換性を高めるために、明示的な`import type`の要件を無効にします。 |